/*-----------------------------------------------
	container box style
-----------------------------------------------*/
.ub-fh {
    width: 100%;
}

.ub-fv {
    height: 100%;
}

.ub-fhpl {
    padding-left: 4%;
}

.ub-fhpr {
    padding-right: 4%;
}

.ub-ctr {
    width: 92%;
    margin: auto;
}

.ub-fwh {
    width: 100%;
    height: 100%;
}

.ub-con {
    position: absolute;
    width: 100%;
    height: 100%;
}

.ub-bx {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*-----------------------------------------------
	display box style
-----------------------------------------------*/
.ub {
    display: flex;
}

.ub-wrap {
    flex-wrap: wrap;
}

.ub-as {
    align-items: flex-start;
}

.ub-ac {
    align-items: center;
}

.ub-ae {
    align-items: flex-end;
}

.ub-pc {
    justify-content: center ;
}

.ub-pe {
    justify-content: flex-end !important;
}

.ub-pj {
    justify-content: space-evenly;
}
.ub-sb{
    justify-content: space-between;
}
/*-----------------------------------------------
	box-flex style
-----------------------------------------------*/
.ub-f1 {
    flex: 1;
}

.ub-f2 {
    flex: 2;
}

.ub-f3 {
    flex: 3;
}

.ub-f4 {
    flex: 4;
}

.ub-f5 {
    flex: 5;
}

.ub-f6 {
    flex: 6;
}

.ub-f7 {
    flex: 7;
}

.ub-f8 {
    flex: 8;
}

.ub-f9 {
    flex: 9;
}

.ub-f10 {
    flex: 10;
}

/*-----------------------------------------------
	img style
-----------------------------------------------*/
.ub-img {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ub-img1 {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ub-img2 {
    background-repeat: repeat-x;
    background-size: auto 100%
}

.ub-img3 {
    background-repeat: repeat-y;
    background-size: 100% auto
}

.ub-img4 {
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.ub-img5 {
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.ub-img6 {
    background-repeat: no-repeat;
    background-position: center;
}

.ub-img7 {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}